<template>
  <div class="reward_points activity">
    <navbar>奖励积分</navbar>
    <div class="wrapper">
       <div class="content sign_list">
          <div class="list">
             <ul>
                 <li class="mx-1px-bottom" v-for="i in list.signed">
                    <span class="vmc-checkbox label-wrap">
                       <input type="checkbox" :disabled="i.rewarded==1" :id="i.id" :value="i" v-model="listChecked">
                       <label :for="i.id">
                           <div class="liIn">
                                    <div class="portrait" :style="{backgroundImage:'url('+i.avatar+')'}"></div>
                                    <div class="name"><span class="vlc-nowrap" :class="{ 'female': i.sex=='女', 'male': i.sex=='男' }">{{ i.name }}</span></div>
                                    <span class="mark"><i v-if="i.rewarded==1">奖励待审核</i></span>
                           </div>
                       </label>
                    </span>
                 </li>
             </ul>
          </div>
       </div>
       <div class="bottomBar">
           <button @click="reward" class="bgRed" :disabled="isReward">奖励积分</button>
       </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  import js from '../../../../cores/coach/rewards_points.vue';

  export default {
    extends: js
  }
</script>
<style rel="stylesheet/less" lang="less">
  @import "../../../../styles/ot.less";
</style>
